.fx-collapse {
  background-color: $color-white;
}

.fx-collapse-item {
  border-bottom: 1px solid $border-color-default;

  > .fx-collapse-item-title {
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    position: relative;
    color: $font-color-important;

    &.padding {
      padding: 0 20px;
    }

    > .title {
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    > .fx-select-dropdown {
      height: 100%;
      position: absolute;
      right: 20px;
      top: 0;
    }
  }

  .fx-collapse-item-content-inner {
    padding: 10px 20px;
  }
}
